<nav aria-label="Page navigation example">
    <ul class="pagination justify-content-center align-items-center">
        {% if page_obj.has_previous %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}">上一页</a>
        </li>
        {% else %}
        <li class="page-item disabled">
            <a class="page-link">上一页</a>
        </li>
        {% endif %}

        第 {{ page_obj.number }} / {{ page_obj.paginator.num_pages }} 页
        
        {% if page_obj.has_next %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.next_page_number }}">下一页</a>
        </li>
        {% else %}
        <li class="page-item disabled">
            <a class="page-link">下一页</a>
        </li>
        {% endif %}
    </ul>
</nav>
